const mimadeng = document.querySelector('.mima-deng');
const phonedeng = document.querySelector('.phone-deng');
const mima = document.querySelector('.mima');
const phone = document.querySelector('.phone');
const saoma = document.querySelector('.saoma');
const firstf = document.querySelector('.first-ulf');
const firsts = document.querySelector('.first-uls');
const da = document.querySelector('.da');
phonedeng.addEventListener('click',function(){
    //da.style.display = 'block';
    mima.style.display = 'none';
    phone.style.display = 'block';
    // mimadeng.addEventListener('click',function(){
    //     da.style.display = 'block';
    //     mima.style.display = 'block'
    //     phone.style.display = 'none'
    // })
})
    firsts.addEventListener('click', function(){
        this.className = 'first-uls con'
        firstf.className = 'first-ulf'
        mima.style.display = 'none'
        phone.style.display = 'none'
        saoma.style.display = 'block'
    })
// firstf.addEventListener('click',function(){
//     this.className = 'first-ulf con'
//     firsts.className = 'first-uls'
//     mima.style.display = 'block'
//     phone.style.display = 'none'
//     saoma.style.display = 'none'
//     phonedeng.addEventListener('click',function(){
//         mima.style.display = 'none';
//         phone.style.display = 'block';
//         mimadeng.addEventListener('click',function(){
//             mima.style.display = 'block'
//             phone.style.display = 'none'
//         })
//     })
// })


